
@-webkit-keyframes animation{from{opacity:0; -webkit-transform:scale(1.2) rotateX(45deg);transform:scale(1.2) rotateX(45deg);} to{ }}
@-webkit-keyframes animation2{from{opacity:0; -webkit-transform:scale(1.2) rotateX(45deg);transform:scale(1.2) rotateX(45deg);} to{ }}
body {
   background:#1c1c1c;
   /*-webkit-perspective:1000px;*/
   /*overflow:hidden;*/
}
.slider div p{color:#1c1c1c;position:absolute;bottom:-35px; font-family:Raleway; font-size:16px;}
.slider{
	-webkit-animation:animation ease 1s;animation-delay:.8s;animation-fill-mode:backwards;
	margin: 0 auto;
	height:360px;
	width:240px;
	padding-right: 320px !important;
	top:100px;
	perspective:1000px;
	transition:ease-in-out .2s;
	/*-webkit-transform:rotateX(45deg);
	-webkit-transform-style:preserve-3d;
	position:absolute;*/
}
/*.slider:active{ -webkit-transform:rotateZ(10deg);}*/
.slide img { text-align:center;width:100%; height:100%; -webkit-user-drag:none;user-drag:none;-moz-user-drag:none; border-radius:2px; }
.slide{
	-webkit-user-select:none;
	user-select:none;
	-moz-user-select:none;
	position:absolute;
	height:300px;
	width:310px;
	box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.3);
	background:#fcfcfc;
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	text-align:center;
	/*overflow:hidden;*/
	border:12px white solid;
	box-sizing:border-box;
	border-bottom:55px white solid;
	border-radius:5px; 
}
.transition {
	-webkit-transition: cubic-bezier(0,1.95,.49,.73) .4s ;
	-moz-transition: cubic-bezier(0,1.95,.49,.73) .4s ;
	transition: cubic-bezier(0,1.95,.49,.73) .4s ;
}